<template>
  <section>
    {{ row.customerName }}
    <br />
    {{ maybeContactName }} {{ maybeContactMobile }} <br />
    {{ row.toProvince }}
    {{ row.toCity }}
    {{ row.toDistrict }}
    <br />{{ row.toAddress }}
  </section>
</template>

<script>
export default {
  name: "CustomerInfo",
  props: {
    row: {
      type: Object,
      default: () => { }
    },
    fromContactName: String,
    fromContactMobile: String
  },
  computed: {
    maybeContactName () {
      return this.row.fromContactName || this.fromContactName
    },
    maybeContactMobile () {
      return this.row.fromContactMobile || this.fromContactMobile
    }
  }
};
</script>
